<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome to Sans Frontiere</title>
<style>
.cssDivNav ul {
	list-style: none
}

.cssDivNav li {
	float: left;
	width: 100px
}

.cssDivNav a {
	text-align: center;
	height: 30px
}
</style>
<script language="javascript" src="js/jquery-1.7.1.js"></script>
<script language="javascript" src="js/js4index.js"></script> 
</head>
<body>
	<div id="divTit">
		<h1>Sans Frontiere</h1>
		<div>Bring your life to connection</div>
	</div>
	<div id="divNav" class="cssDivNav">
		<ul>
			<li><a href="/index"> Home </a></li>
			<li><a href="/link1"> Link 1 </a></li>
			<li><a href="/link2"> Link 2 </a></li>
		</ul>
	</div>
	<br />
	<table>
		<tr>
			<td style="background-color: #999; width: 270px">
				<h3 id="divHeadTitle" align="center">Log in</h3>
				<div id="divLogInfo"></div>
				<table>
					<tr>
						<td style="width: 70px" align="center">
							<label>
								<select
								name="selLogInNameType" id="selLogInNameType">
									<option value="Username" selected>Username</option>
									<option value="Email">Email</option>
								</select>
							</label>
						</td>
						<td>
							<label>
								<input type="text" id="logNameORemail"
									name="logNameORemail">
							</label>
						</td>
					</tr>
					<tr>
						<td style="width: 50px" align="center">Password</td>
						<td><label> <input type="password" id="logPassword"
								name="logPassword">
						</label></td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<input type="button" value="Login" onclick="onclick_logSub();"/>
							<input type="button" value="Reset" onclick="onclick_logRes();"/>
						</td>
        			</tr>
      			</table>
      		<hr/>
      <div align="right">
        <a href="resetPSW.jsp">
          Forget your password?
        </a>
        &nbsp;&nbsp;
        <br/>
        <a href="register.jsp">
          Register a new account?
        </a>
        &nbsp;&nbsp;
        <br/>
        <br/>
      </div>
    </td>
    <td>
      Welcome to Sans Frontiere.
    </td>
  </tr>
</table>
</p>
<hr/>
<div id="divEnd" align="center">
  All right reserved. And for the purpose of the course.
  <br/>
  Feburary 4 , 2012
</div>
</body>
</html>
